<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>首页</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">

<link rel="stylesheet" href="http://g.alicdn.com/msui/sm/0.6.1/css/sm.min.css">
<link rel="stylesheet" type="text/css" href="css/global.css" />
<link rel="stylesheet" type="text/css" href="css/weather.css" />
</head>

<body>

<div class="new-header">
	<span id="back" class="f16 ml10"><i></i>返回</span>
	<h2 id="changeCity">南京<i></i></h2>
	<a href="javascript:void(0)" id="btnJdkey" class="new-a-jd"><span class="je"></span></a>
</div>
<div class="new-jd-tab" style="display:none" id="jdkey">
    <i class="tc_jtico"></i>
	<div class="new-tbl-type">
		<a href="search.html" class="new-tbl-cell"><span class="icon">查询天气</span><p>查询天气</p></a>
        <a href="weather.html" class="new-tbl-cell"><span class="icon2">本地天气</span><p>本地天气</p></a>
        <a href="air.html" class="new-tbl-cell"><span class="icon3">空气质量</span><p>空气质量</p></a>
	</div>
</div>

<div class="weather-bg"></div>

<div class="weather-wrapper">
	<div class="div-weather">
		<div class="weather">
			<div class="wmainl fl" style="width:100%;">
				<p class="clearfix">
					<span class="wtemp fl f28"><b>19</b> ~ <b>26</b></span>
					<span class="weatherc fl f18">℃</span>
				</p>
	            <p class="mt15">
	                <span class="f16 mr10 mt10 mb10">晴转多云</span>
	            </p>
				 <p class="mt5">
	                <span class="mr10 f12">当前温度<b>26</b>℃</span>
	                <span class="mr10 f12"><i class="feng mr5"></i>东南风3级</span>
	                <span class="mr10 f12">pm2.5<i class="wstate wstateO f12 wstate2 ml10">轻度污染</i></span>
				</p>
			</div>
			<span class="fl link w10_l"></span>
			
		</div>
	</div>
</div>
<div class="y-weatherlst f14 clearfix">
	<ul>
       <li class="pl10">
           <div>
               <span>日出</span>
               <span>04:55</span>
           </div>
           <div>
               <span>日落</span>
               <span>19:26</span>
           </div>
       </li>
       <li class="pl30">
           <i>降水概率</i>
           <em>1%</em>
       </li> 
        <li class="pl30">
           <i>湿度</i>
           <em>33%</em>
       </li>   
    </ul>
    <ul>
       <li class="pl10">
           <i>紫外线</i>
           <em>强</em>
       </li> 
        <li class="pl30">
           <i>能见度</i>
           <em>16km</em>
       </li> 
        <li class="pl30">
           <i>气压</i>
           <em>1010hPa</em>
       </li>   
    </ul>
</div>
<div class="card-container">
   <div class="x-wcard">
		<div class="card-content">
            <div class="kqzsTit f16 pt10 pl10">北京24小时整点天气预报<i class="mri_xq f14" id="tomorrow">明日详情</i></div>
			<div class="card-content-inner f14">
				<p> 
                    <b class="pl10">00:00</b>
                    <b class="wew">
                        <span class="weather_icons wea_l mr10 fl w32_l wnt_l"></span>
                        <span class="fl">晴转多云</span>
                    </b>
                    <b class="tr pr10">14℃</b>
                </p>
                <p> 
                    <b class="pl10">01:00</b>
                    <b class="wew">
                        <span class="weather_icons wea_l mr10 fl w14_l wnt_l"></span>
                        <span class="fl">晴转多云</span>
                    </b>
                    <b class="tr pr10">25℃</b>
                </p>
                <p> 
                    <b class="pl10">02:00</b>
                    <b class="wew">
                        <span class="weather_icons wea_l mr10 fl w16_l wnt_l"></span>
                        <span class="fl">晴转多云</span>
                    </b>
                    <b class="tr pr10">14℃</b>
                </p>
                <p> 
                    <b class="pl10">03:00</b>
                    <b class="wew">
                        <span class="weather_icons wea_l mr10 fl w19_l wnt_l"></span>
                        <span class="fl">晴转多云</span>
                    </b>
                    <b class="tr pr10">14℃</b>
                </p>
                <p> 
                    <b class="pl10">04:00</b>
                    <b class="wew">
                        <span class="weather_icons wea_l mr10 fl w20_l wnt_l"></span>
                        <span class="fl">晴转多云</span>
                    </b>
                    <b class="tr pr10">14℃</b>
                </p>
                <p> 
                    <b class="pl10">05:00</b>
                    <b class="wew">
                        <span class="weather_icons wea_l mr10 fl w26_l wnt_l"></span>
                        <span class="fl">晴转多云</span>
                    </b>
                    <b class="tr pr10">14℃</b>
                </p>
                <p> 
                    <b class="pl10">06:00</b>
                    <b class="wew">
                        <span class="weather_icons wea_l mr10 fl w28_l"></span>
                        <span class="fl">晴转多云</span>
                    </b>
                    <b class="tr pr10">25℃</b>
                </p>
                <p> 
                    <b class="pl10">07:00</b>
                    <b class="wew">
                        <span class="weather_icons wea_l mr10 fl w32_l"></span>
                        <span class="fl">晴转多云</span>
                    </b>
                    <b class="tr pr10">14℃</b>
                </p>
                <p> 
                    <b class="pl10">08:00</b>
                    <b class="wew">
                        <span class="weather_icons wea_l mr10 fl w37_l"></span>
                        <span class="fl">晴转多云</span>
                    </b>
                    <b class="tr pr10">25℃</b>
                </p>
                <p> 
                    <b class="pl10">09:00</b>
                    <b class="wew">
                        <span class="weather_icons wea_l mr10 fl w39_l"></span>
                        <span class="fl">晴转多云</span>
                    </b>
                    <b class="tr pr10">14℃</b>
                </p>
                <p> 
                    <b class="pl10">10:00</b>
                    <b class="wew">
                        <span class="weather_icons wea_l mr10 fl w40_l"></span>
                        <span class="fl">晴转多云</span>
                    </b>
                    <b class="tr pr10">25℃</b>
                </p>
                <p> 
                    <b class="pl10">11:00</b>
                    <b class="wew">
                        <span class="weather_icons wea_l mr10 fl w41_l"></span>
                        <span class="fl">晴转多云</span>
                    </b>
                    <b class="tr pr10">14℃</b>
                </p>
                <p> 
                    <b class="pl10">12:00</b>
                    <b class="wew">
                        <span class="weather_icons wea_l mr10 fl w42_l"></span>
                        <span class="fl">晴转多云</span>
                    </b>
                    <b class="tr pr10">25℃</b>
                </p>
                <p> 
                    <b class="pl10">13:00</b>
                    <b class="wew">
                        <span class="weather_icons wea_l mr10 fl w60_l"></span>
                        <span class="fl">晴转多云</span>
                    </b>
                    <b class="tr pr10">14℃</b>
                </p>
                <p> 
                    <b class="pl10">14:00</b>
                    <b class="wew">
                        <span class="weather_icons wea_l mr10 fl w61_l"></span>
                        <span class="fl">晴转多云</span>
                    </b>
                    <b class="tr pr10">25℃</b>
                </p>
                <p> 
                    <b class="pl10">15:00</b>
                    <b class="wew">
                        <span class="weather_icons wea_l mr10 fl w62_l"></span>
                        <span class="fl">晴转多云</span>
                    </b>
                    <b class="tr pr10">25℃</b>
                </p>
                <p> 
                    <b class="pl10">16:00</b>
                    <b class="wew">
                        <span class="weather_icons wea_l mr10 fl w63_l"></span>
                        <span class="fl">晴转多云</span>
                    </b>
                    <b class="tr pr10">25℃</b>
                </p>
                <p> 
                    <b class="pl10">17:00</b>
                    <b class="wew">
                        <span class="weather_icons wea_l mr10 fl w64_l"></span>
                        <span class="fl">晴转多云</span>
                    </b>
                    <b class="tr pr10">25℃</b>
                </p>
                <p> 
                    <b class="pl10">18:00</b>
                    <b class="wew">
                        <span class="weather_icons wea_l mr10 fl w65_l wnt_l"></span>
                        <span class="fl">晴转多云</span>
                    </b>
                    <b class="tr pr10">25℃</b>
                </p>
                <p> 
                    <b class="pl10">19:00</b>
                    <b class="wew">
                        <span class="weather_icons wea_l mr10 fl w61_l wnt_l"></span>
                        <span class="fl">晴转多云</span>
                    </b>
                    <b class="tr pr10">25℃</b>
                </p>
                <p> 
                    <b class="pl10">20:00</b>
                    <b class="wew">
                        <span class="weather_icons wea_l mr10 fl w62_l wnt_l"></span>
                        <span class="fl">晴转多云</span>
                    </b>
                    <b class="tr pr10">25℃</b>
                </p>
                <p> 
                    <b class="pl10">21:00</b>
                    <b class="wew">
                        <span class="weather_icons wea_l mr10 fl w32_l wnt_l"></span>
                        <span class="fl">晴转多云</span>
                    </b>
                    <b class="tr pr10">25℃</b>
                </p>
                <p> 
                    <b class="pl10">22:00</b>
                    <b class="wew">
                        <span class="weather_icons wea_l mr10 fl w37_l wnt_l"></span>
                        <span class="fl">晴转多云</span>
                    </b>
                    <b class="tr pr10">25℃</b>
                </p>
                <p> 
                    <b class="pl10">23:00</b>
                    <b class="wew">
                        <span class="weather_icons wea_l mr10 fl w39_l wnt_l"></span>
                        <span class="fl">晴转多云</span>
                    </b>
                    <b class="tr pr10">25℃</b>
                </p>
			</div>
		</div>
		
	</div>

    <div class="x-wcard">
        <div class="card-content">
            <div class="card-content-inner">
                <b class="kqzsTit f16 pt10 pl10">今日生活指数</b>
                <ul class="x-citylst clearfix f14">
                    <li><i class="zs01"></i>二月十六</li>
					<li><i class="zs02"></i>无需带伞</li>
					<li><i class="zs03"></i>易发感冒</li>
					<li><i class="zs04"></i>适宜晾晒</li>
					<li><i class="zs05"></i>适宜钓鱼</li>
					<li><i class="zs06"></i>较适宜洗车</li>
					<li><i class="zs07"></i>天气较冷</li>
					<li><i class="zs08"></i>适宜晨练</li>
				</ul>
            </div>
        </div>
    </div>
</div>





<div class="login-area pt10" id="footer">
	<div class="copyright">Copyright © 2016 tianqi321.com 版权所有 </div>
</div>
<script type='text/javascript' src='http://g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='http://g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<script type="text/javascript">
$(document).ready(function(){

	//顶部弹出菜单
	$("#btnJdkey").click(function() {
		if ($("#jdkey").css("display") == "none") {
			$("#jdkey").show();
			$(".je").addClass('up');
		} else {
			$("#jdkey").hide();
			$(".je").removeClass('up');
		}
	});
	

});
	</script>
</body>
</html>